<template>
    <table class="table">
      <tr>
        <td colspan="5">某某小卖部</td>
      </tr>
      <tr>
        <td>商品分类</td>
        <td>商品</td>
        <td>价格</td>
        <td>库存</td>
        <td>描述</td>
      </tr>
      <tr>
        <td rowspan="2">食品</td>
        <td>瓜子</td>
        <td>5元</td>
        <td>20</td>
        <td>可以吃的瓜子</td>
      </tr>
      <tr>
        <td>花生</td>
        <td>6元</td>
        <td>30</td>
        <td>可以吃的花生</td>
      </tr>
    </table>
  </template>
   
   <style lang="scss">
   .table {
     width: 100%;
     margin-left: 0;
     text-align: center;
     font-size: 12px;
   }
    
   .table th,
   .table td {
     border: 1px solid #070707 !important;
     padding: 0.35rem !important;
     font-size: 16px;
     vertical-align: middle !important;
   }
    
   .ts-table-bold {
     td {
       font-weight: bold;
       font-size: 18px;
     }
   }
   </style>
